$(document).ready(function() {
	var $speech = $('div.speech');
	var defaultNum = parseFloat($speech.css('fontSize'), 10);
	
	$('#switcher button').click(function() {
		var num = parseFloat($speech.css('fontSize'), 10);
		
		switch(this.id) {
		case 'switcher-large':
			num *= 1.4;
			break;
		case 'switcher-small':
			num /= 1.4;
			break;
		default:
			num = defaultNum;
		}
		
//		$speech.css('fontSize', num + 'px');
		$speech.animate({fontSize: num + 'px'}, 'slow');
	});
	
	$('p:eq(1)').hide();
	
	$('a.more').click(function() {
//		$('p:eq(1)').show('slow');
//		$('p:eq(1)').fadeIn('slow');
//		$(this).hide();
		
		/*var $firstPara = $('p:eq(1)');
		if($firstPara.is(':hidden')) {
			$firstPara.fadeIn('slow');
			$(this).text('read less');
		}
		else {
			$firstPara.fadeOut('slow');
			$(this).text('read more');
		}*/
		
//		$('p:eq(1)').slideToggle('slow');
		$('p:eq(1)').animate({opacity: 'toggle', height: 'toggle'}, 'slow');
		if($(this).text() == 'read more') {
			$(this).text('read less');
		}
		else {
			$(this).text('read more');
		}
		
		return false;
	});
	
	$('div.label').click(function() {
		var paraWidth = $('div.speech p').outerWidth();
		var $switcher = $(this).parent();
		var switcherWidth = $switcher.outerWidth();
		
//		$switcher.animate({left: paraWidth - switcherWidth, height: '+=20px', borderWidth: '5px'}, 'slow');
//		$switcher.fadeTo('fast', 0.5).animate({left: paraWidth - switcherWidth}, 'slow', {queue: false}).animate({height: '+=20px'}, 'slow').animate({borderWidth: '5px'}, 'slow').fadeTo('slow', 1.0).slideUp('slow').slideDown('slow');
		$switcher.fadeTo('fast', 0.5).animate({left: paraWidth - switcherWidth}, 'slow').fadeTo('slow', 1.0).slideUp('slow', function() {
			$switcher.css({'backgroundColor': '#f00'});
		}).queue(function() {
			$switcher.css({'backgroundColor': '#f00'}).dequeue();
		}).slideDown('slow');
	});
	
	/*$('p:eq(2)').css({'border': '1px solid #333'}).click(function() {
		$(this).slideUp('slow').next().slideDown('slow');
	});*/
	var $thirdPara = $('p:eq(2)');
	$thirdPara.css({'border': '1px solid #333'}).click(function() {
		$(this).next().slideDown('slow', function() {
			$thirdPara.slideUp('slow');
		});
	});
	
	$('p:eq(3)').css({'backgroundColor': '#ccc'}).hide();
});